﻿/* Default
----------------------------------------------------------*/
*
{
    margin: 0;
    padding: 0;
    outline: medium none;
}
img
{
    border: none;
    vertical-align: middle;
}
ul.ls
{
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.ls a, a
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
body
{
    background-color: #ffffff;
    font: 12px Arial;
}
body input
{
    font: 12px Arial;
}
.cl
{
    clear: both;
}
.space
{
    width: 100%;
    clear: both;
    height: 2px;
}
.border-line
{
    background-color: #b7b7b7;
    width: 100%;
    clear: both;
    height: 1px;
}
/* Header
----------------------------------------------------------*/
.header
{
    background: url("images/header-bg.png") repeat-x scroll center transparent;
    width: 1200px;
    height: 108px;
    margin: 0 auto;
}
.header-left a
{
    background: url("images/logo.png") no-repeat scroll center transparent;
    float: left;
    height: 108px;
    width: 380px;
    cursor: pointer;
}
.header-center
{
    float: left;
    height: 108px;
    margin-left: 28px;
    width: 409px;
}
.header-center .search-box
{
    position: relative;
    margin: 42px 0 0 0;
    background: url("images/search-bg.png") no-repeat scroll center transparent;
    width: 380px;
    height: 34px;
}
.header-center .search-box #keyword
{
    float: left;
    padding: 0 4px 0 5px;
    background: none;
    border: none;
    font: 12px/34px Arial;
    height: 34px;
    width: 339px;
}
.header-center .search-box #search
{
    background: none;
    border: none;
    width: 32px;
    height: 34px;
    cursor: pointer;
}
.header-center .search-most span
{
    font: 11px/31px Arial;
    color: #ffffff;
    padding: 0 0 0 0;
}
.header-center .search-most span.title
{
    padding: 0 4px;
    color: #ffdd00;
}
.header-center .search-most
{
    float: left;
    font: italic 11px/31px Arial;
}
.header-center .search-most a
{
    color: #ffffff;
}
.header-right
{
    float: right;
    width: 377px;
}
.header-right ul.mm-info
{
    float: right;
    padding: 0 17px 0 0;
    height: 54px;
    overflow: hidden;
}
.header-right ul.mm-info li
{
    float: left;
    margin: 0 4px;
    font: 12px/64px Arial;
    color: #fff200;
}
.header-right ul.mm-info li h2
{
    font: 12px/64px Arial;
}
.header-right ul.mm-info li a
{
    font: 12px/64px Arial;
    color: #fff200;
}
.header-right ul.mm-info li a:hover
{
    text-decoration: underline;
}
.header-right ul.mm-service
{
    float: right;
    padding: 0 17px 0 0;
}
.header-right ul.mm-service li
{
    float: left;
    height: 21px;
}
.header-right ul.mm-service li a
{
    background: url("images/arrow-drop-icon.png") no-repeat scroll right 7px transparent;
    color: #FFFFFF;
    font: 15px/21px Arial;
    padding: 0 14px 0 0;
}
.header-right ul.mm-service li:first-child
{
}
.header-right ul.mm-service li:nth-child(2)
{
    margin: 0 0 0 7px;
    padding-left: 27px;
    background: url("images/cart-bg.png") no-repeat scroll left center transparent;
}
.header-right ul.mm-service li:nth-child(3)
{
    margin: 0 0 0 7px;
    padding-left: 26px;
    background: url("images/call-bg.png") no-repeat scroll left center transparent;
}
/* Menu background: url("images/menu-bg.png") repeat-x scroll center center transparent;
----------------------------------------------------------*/
.menu
{
    background: url("images/menu-bg.png") repeat-x scroll 0 0 transparent;
    margin: 0 auto;
    width: 1200px;
    height: 42px;
}
ul.menu-hori li
{
    float: left;
}
ul.menu-hori li a.menu-hori-title
{
    background: url("images/menu-border.png") no-repeat scroll top left transparent;
    display: block;
    color: #ffffff;
    font: 13px/42px Arial;
    padding: 0 18px;
    text-transform: uppercase;
}
ul.menu-hori li:nth-child(2) a.menu-hori-title
{
}
ul.menu-hori li:nth-child(2) a.menu-hori-title span
{
    background: url("images/new.png") no-repeat scroll center center transparent;
    float: right;
    height: 21px;
    margin-left: 7px;
    width: 35px;
    margin-top: 10px;
}
ul.menu-hori li:nth-child(2) a.menu-hori-title, ul.menu-hori li:nth-child(4) a.menu-hori-title
{
    padding: 0 1px;
    font: 13px/41px Arial;
}
ul.menu-hori li.menu-pc
{
    width: 237px;
    height: 42px;
}
ul.menu-hori li.menu-pc a.menu-pc-title
{
    display: block;
    background: url("images/arrow-menudrop-icon.png") no-repeat scroll right center transparent;
    color: #FFF200;
    font: 16px/42px Arial;
    height: 42px;
    padding: 0 24px 0 0;
    text-align: right;
    width: 170px;
    text-transform: none;
}
ul.menu-hori li.menu-pc ul.menu-verti
{
    display: none;
    background-color: #fb0000;
    position: relative;
    z-index: 87;
    width: 237px;
    height: 388px;
}
ul.menu-hori li.menu-pc ul.menu-verti-active
{
    display: block;
}
ul.menu-verti li.menu-verti-i-0
{
    float: left;
    width: 197px;
    height: 42px;
    margin: 0 20px 0 20px;
    border-bottom: 1px solid #ff3939;
}
ul.menu-verti li.menu-verti-i-0 span.icon
{
    float: left;
    background: url("images-menu/icon-category.png") no-repeat scroll 0 0 transparent;
    width: 20px;
    height: 21px;
    margin: 12px 11px 0 0;
}
ul.menu-verti li.menu-verti-i-0:nth-child(2) span.icon
{
    background-position: 0 -21px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(3) span.icon
{
    background-position: 0 -42px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(4) span.icon
{
    background-position: 0 -63px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(5) span.icon
{
    background-position: 0 -84px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(6) span.icon
{
    background-position: 0 -105px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(7) span.icon
{
    background-position: 0 -126px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(8) span.icon
{
    background-position: 0 -147px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(9) span.icon
{
    background-position: 0 -168px;
}
ul.menu-verti li.menu-verti-i-0:last-child
{
    border-bottom: none;
}
ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0
{
    color: #FFFFFF;
    float: left;
    font: 14px/21px Arial;
    height: 37px;
    overflow: hidden;
    padding: 3px 0 2px;
    position: absolute;
    width: 186px;
    z-index: 86;
}
ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0 span
{
    display: block;
    font: 11px/15px Arial;
    color: #ffdbdb;
    height: 15px;
    width: 166px;
    overflow: hidden;
}
ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0:hover, ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0-active
{
    background: url("images/arrow-menuverti-icon.png") no-repeat scroll 170px center transparent;
    color: #fff200;
}
ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0:hover span, ul.menu-verti li.menu-verti-i-0 a.a-menu-verti-0-active span
{
    color: #ffffff;
}
ul.menu-verti li.menu-verti-i-0 ul.menu-hori-1
{
    background-color: #ffffff;
    display: none;
    position: absolute;
    z-index: 85;
    top: 0;
    width: 560px;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    height: 387px;
    left: 237px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(1) ul.menu-hori-1
,ul.menu-verti li.menu-verti-i-0:nth-child(2) ul.menu-hori-1
,ul.menu-verti li.menu-verti-i-0:nth-child(3) ul.menu-hori-1
{
    width: 762px;
}
ul.menu-verti li.menu-verti-i-0:nth-child(1) ul.menu-hori-1 li.menu-verti-i-1:nth-child(5) ul.menu-hori-2 li.menu-verti-i-2 a
,ul.menu-verti li.menu-verti-i-0:nth-child(2) ul.menu-hori-1 li.menu-verti-i-1:nth-child(5) ul.menu-hori-2 li.menu-verti-i-2 a
,ul.menu-verti li.menu-verti-i-0:nth-child(3) ul.menu-hori-1 li.menu-verti-i-1:nth-child(5) ul.menu-hori-2 li.menu-verti-i-2 a
{
    color:#0072BC;    
    font-weight:bold;
}
ul.menu-verti li.menu-verti-i-0 ul.menu-hori-1-active
{
    display: block;
}
ul.menu-hori-1 li.menu-hori-1-icon
{
    position: absolute;
    z-index: 84;
    bottom: -17px;
    right: -23px;
    width: 100%;
    height: 100%;
}
ul.menu-hori-1 li.menu-hori-1-banner
{
    position: absolute;
    z-index: 85;
    top: -1px;
    right: -201px;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
}
ul.menu-verti li.menu-verti-i-0:nth-child(1) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/dt.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(2) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/dl.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(3) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/gdung.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(4) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/mo.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(5) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/lap.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(6) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/tbvp.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(7) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/kts.png") no-repeat scroll bottom right;
}
ul.menu-verti li.menu-verti-i-0:nth-child(8) ul.menu-hori-1 li.menu-hori-1-icon
{
    background: url("images-menu/pk.png") no-repeat scroll bottom right;
}
ul.menu-hori-1 li.menu-verti-i-1
{
    float: left;
    margin: 14px 0 0;
    padding: 0 0 0 25px;
    position: relative;
    width: 160px;
    z-index: 85;
}
ul.menu-hori-1 li.menu-verti-i-1:nth-child(3), ul.menu-hori-1 li.menu-verti-i-1:nth-child(6)
{
    border-right: none;
}
ul.menu-hori-1 li.menu-verti-i-1 a.a-menu-verti-1
{
    display: block;
    color: #ff0000;
    font: 14px/17px Arial;
    margin-bottom: 7px;
}
ul.menu-hori-1 li.menu-verti-i-1 ul.menu-hori-2
{
    width: 100%;
}
ul.menu-hori-2 li.menu-verti-i-2
{
    float: left;
    width: 100%;
}
ul.menu-hori-2 li.menu-verti-i-2 a
{
    display: block;
    color: #000000;
    font: 12px/24px Arial;
}
ul.menu-hori-1 li.menu-verti-i-1 a:hover
{
    text-decoration: underline;
}
ul.menu-hori-1 li.menu-verti-i-1 a span
{
    display: none;
}
ul.menu-right
{
    float: right;
    width: 347px;
    height: 42px;
}
ul.menu-right li
{
    background: url("images/call-1-bg.png") no-repeat scroll left 7px transparent;
    float: left;
    width: 200px;
    padding: 0 0 0 25px;
    height: 42px;
}
ul.menu-right li:nth-child(2)
{
    background: url("images/menu-border.png") no-repeat scroll left top transparent;
    padding: 0 0 0 11px;
    width: 104px;
    position: relative;
}
ul.menu-right li a
{
    font: bold 12px/42px Arial;
    color: #ffffff;
    text-transform: uppercase;
}
ul.menu-right li:first-child a span
{
    color: #fff200;
}
ul.menu-right li:nth-child(2) a
{
    background: url("images/yahoo-icon.png") no-repeat scroll right top transparent;
    cursor: pointer;
    line-height: 51px;
    position: absolute;
    top: -5px;
    width: 100px;
}
/* Wrap
----------------------------------------------------------*/
.wrap
{
    margin: 0 auto;
    width: 1200px;
    min-height: 300px;
}
.wrap-left
{
    float: left;
    width: 210px;
}
.wrap-right
{
    float: right;
    width: 980px;
	height: 890px;
}
/* Wrap Path
----------------------------------------------------------*/
.wrap-path
{
    display: block;
    margin-bottom: 23px;
    border-bottom: 1px solid #e0e0e0;
}
.wrap-path ul.path
{
    width: 100%;
    overflow: hidden;
}
.wrap-path ul.path li
{
    margin-right: 7px;
    float: left;
}
.wrap-path ul.path li h1 a span, .wrap-path ul.path li h2 a span, .wrap-path ul.path li h3 a span, .wrap-path ul.path li h3 span
{
    display: block;
    background: url("images/arrow-spec-icon.png") no-repeat scroll right center transparent;
    padding: 0 14px 0 0;
    display: block;
    font: 12px/38px Arial;
    color: #000000;
}
.wrap-path ul.path li:last-child h3 span
{
    background: none;
    padding: 0;
}
/* Price Number 
----------------------------------------------------------*/
.price-number-0, .price-number-1, .price-number-2, .price-number-3, .price-number-4, .price-number-5, .price-number-6, .price-number-7, .price-number-8, .price-number-9, .price-number-dot, .price-number-dash, .price-number-d
{
    float: left;
    height: 60px;
    width: 32px;
}
.price-number-0
{
    width: 33px;
    background: url("images/0x60.png") no-repeat scroll center transparent;
}
.price-number-1
{
    width: 23px;
    background: url("images/1x60.png") no-repeat scroll center transparent;
}
.price-number-2
{
    background: url("images/2x60.png") no-repeat scroll center transparent;
}
.price-number-3
{
    background: url("images/3x60.png") no-repeat scroll center transparent;
}
.price-number-4
{
    background: url("images/4x60.png") no-repeat scroll center transparent;
}
.price-number-5
{
    background: url("images/5x60.png") no-repeat scroll center transparent;
}
.price-number-6
{
    background: url("images/6x60.png") no-repeat scroll center transparent;
}
.price-number-7
{
    width: 28px;
    background: url("images/7x60.png") no-repeat scroll center transparent;
}
.price-number-8
{
    width: 31px;
    background: url("images/8x60.png") no-repeat scroll center transparent;
}
.price-number-9
{
    width: 33px;
    background: url("images/9x60.png") no-repeat scroll center transparent;
}
.price-number-dot
{
    width: 15px;
    background: url("images/.x60.png") no-repeat scroll left bottom transparent;
}
.price-number-dash
{
    background: url("images/.-x60.png") no-repeat scroll left bottom transparent;
    width: 25px;
}
.price-number-d
{
    background: url("images/dx60.png") no-repeat scroll left bottom transparent;
    width: 119px;
}
.price-number .price-number-d-2
{
    position: absolute;
    right: 95px;
    z-index: 7;
}
.price-number .price-number-d-3
{
    position: absolute;
    right: 76px;
    z-index: 7;
}
.price-number .price-number-d-4
{
    position: absolute;
    right: 59px;
    z-index: 7;
}
.price-number .price-number-d-5
{
    position: absolute;
    right: 39px;
    z-index: 7;
}
.price-number .price-number-d-6
{
    position: absolute;
    right: 12px;
    z-index: 7;
}
.price-number .price-number-d-7
{
    position: absolute;
    right: -10px;
    z-index: 7;
}
.price-number-dash-7
{
    position: absolute;
    right: 35px;
    z-index: 11;
}
.price-number-dash-9
{
    position: absolute;
    right: 46px;
    z-index: 11;
}
.price-number-dash-10
{
    position: absolute;
    right: 19px;
    z-index: 11;
}
.price-number-dash-11
{
    position: absolute;
    right: 23px;
    z-index: 11;
}
.price-number span
{
    position: relative;
}
.price-number .price-0
{
    z-index: 0;
}
.price-number .price-1
{
    z-index: 1;
    left: -3px;
}
.price-number .price-2
{
    z-index: 2;
    left: -10px;
}
.price-number .price-3
{
    z-index: 3;
    left: -16px;
}
.price-number .price-4
{
    z-index: 4;
    left: -22px;
}
.price-number .price-5
{
    z-index: 5;
    left: -27px;
}
.price-number .price-6
{
    z-index: 6;
    left: -31px;
}
.price-number .price-7
{
    z-index: 7;
    left: -35px;
}
.price-number .price-8
{
    z-index: 8;
    left: -40px;
}
.price-number .price-9
{
    position: absolute;
    right: 24px;
    z-index: 9;
}
.price-number .price-10
{
    position: absolute;
    right: 8px;
    z-index: 10;
}
.price-number .price-last
{
    z-index: 11;
    position: absolute;
    right: 4px;
}
.price-number .price-number-dot
{
    left: -8px;
}
.price-number .price-number-dot-3
{
    left: -18px;
}
.price-number .price-number-dot-7
{
    left: -38px;
}
/* Price Number Small
----------------------------------------------------------*/
.price-number-small-0, .price-number-small-1, .price-number-small-2, .price-number-small-3, .price-number-small-4, .price-number-small-5, .price-number-small-6, .price-number-small-7, .price-number-small-8, .price-number-small-9, .price-number-small-dot, .price-number-small-dash
{
    float: left;
    height: 42px;
    width: 22px;
}
.price-number-small-0
{
    background: url("images/0x42.png") no-repeat scroll center transparent;
}
.price-number-small-1
{
    width: 16px;
    background: url("images/1x42.png") no-repeat scroll center transparent;
}
.price-number-small-2
{
    width: 23px;
    background: url("images/2x42.png") no-repeat scroll center transparent;
}
.price-number-small-3
{
    background: url("images/3x42.png") no-repeat scroll center transparent;
}
.price-number-small-4
{
    background: url("images/4x42.png") no-repeat scroll center transparent;
}
.price-number-small-5
{
    background: url("images/5x42.png") no-repeat scroll center transparent;
}
.price-number-small-6
{
    background: url("images/6x42.png") no-repeat scroll center transparent;
}
.price-number-small-7
{
    width: 20px;
    background: url("images/7x42.png") no-repeat scroll center transparent;
}
.price-number-small-8
{
    background: url("images/8x42.png") no-repeat scroll center transparent;
}
.price-number-small-9
{
    width: 23px;
    background: url("images/9x42.png") no-repeat scroll center transparent;
}
.price-number-small-dot
{
    width: 11px;
    background: url("images/.x42.png") no-repeat scroll left bottom transparent;
}
.price-number-small-dash
{
    background: url("images/.-x42.png") no-repeat scroll left bottom transparent;
    width: 20px;
}
.price-number-small span
{
    position: relative;
}
.price-small-number .price-small-0
{
    z-index: 0;
}
.price-number-small .price-small-1
{
    z-index: 1;
    left: -4px;
}
.price-number-small .price-small-2
{
    z-index: 2;
    left: -9px;
}
.price-number-small .price-small-3
{
    z-index: 3;
    left: -13px;
}
.price-number-small .price-small-4
{
    z-index: 4;
    left: -16px;
}
.price-number-small .price-small-5
{
    z-index: 5;
    left: -19px;
}
.price-number-small .price-small-6
{
    z-index: 6;
    left: -21px;
}
.price-number-small .price-small-last
{
    z-index: 11;
    position: absolute;
    right: 0;
}
.price-number-small .price-small-last-2
{
    right: 5px;
}
.price-number-small .price-small-last-3
{
    right: -5px;
}
.price-number-small .price-small-last-6
{
    right: 2px;
}
.price-number-small .price-small-last-7
{
    right: 5px;
}
.price-number-small .price-number-small-dot
{
    left: -10px;
}
.price-number-small .price-number-small-dot-1
{
    left: -6px;
}
.price-number-small .price-number-small-dot-2
{
    left: -8px;
}
.price-number-small .price-number-small-dot-3
{
    left: -14px;
}
.price-number-small .price-number-small-dot-7
{
    left: -38px;
}
/* Footer
----------------------------------------------------------*/
.footer
{
    margin: 7px auto 0;
    width: 1200px;
    /*height: 658px;*/
}
.f-top
{
    border-top: 1px solid #FFDD00;
    height: 210px;
    padding: 17px 0;
    width: 100%;
    overflow: hidden;
}
.f-top .f-top-1
{
    background-color: #FFDD00;
    float: left;
    height: 210px;
    width: 292px;
    border-radius: 7px 7px 7px 7px;
}
.f-top .f-top-2
{
    float: left;
    margin-left: 28px;
    width: 228px;
    height: 210px;
}
.f-top .f-top-3
{
    float: left;
    height: 210px;
    margin-left: 33px;
    width: 304px;
}
.f-top .f-top-4
{
    float: right;
    width: 285px;
    height: 210px;
}
.f-top h4
{
    background-color: #FFDD00;
    border-radius: 7px 7px 7px 7px;
    display: block;
    font: bold 13px/32px Arial;
    height: 32px;
    padding-left: 16px;
    text-transform: uppercase;
}
.f-top-1 h4
{
    background: none repeat scroll 0 0 transparent;
    font: bold 25px/44px Arial;
    height: 44px;
    padding: 10px 0 0 27px;
}
.f-top-1 ul li
{
    float: left;
    font: 12px/17px Arial;
    margin: 4px 0 7px 25px;
    padding: 0 7px 0 56px;
}
.f-top-1 ul li:nth-child(1)
{
    background: url("images/icon-commitment-1.png") no-repeat scroll left top transparent;
}
.f-top-1 ul li:nth-child(2)
{
    background: url("images/icon-commitment-2.png") no-repeat scroll left top transparent;
}
.f-top-1 ul li:nth-child(3)
{
    background: url("images/icon-commitment-3.png") no-repeat scroll left top transparent;
}
.f-top-2 ul li, .f-top-3 ul li
{
    margin-top: 4px;
}
.f-top-2 ul li, .f-top-3 ul li
{
    background: url("images/arrow-news-icon.png") no-repeat scroll left center transparent;
    margin: 7px 0 0;
    padding: 0 7px 0 17px;
}
.f-top-2 ul li a, .f-top-3 ul li a
{
    color: #333333;
}
.f-top-2 ul li a:hover, .f-top-3 ul li a:hover
{
    text-decoration: underline;
}
.f-top-3 .social a
{
    float: left;
    margin: 7px 7px 0 0;
    width: 40px;
    height: 40px;
}
.f-top-3 .social a.google
{
    background: url("images/icon-google.jpg") no-repeat scroll left center transparent;
}
.f-top-3 .social a.facebook
{
    background: url("images/icon-facebook.jpg") no-repeat scroll left center transparent;
}
.f-top-4 p
{
    background: url("images/operator-assistance-bg.png") no-repeat scroll left center transparent;
    width: 285px;
    height: 173px;
}
.f-mid
{
    background: url("images/address-bg.png") repeat scroll left top transparent;
    width: 100%;
    height: 422px;
}
.f-mid .f-mid-1, .f-mid .f-mid-2, .f-mid .f-mid-3, .f-mid .f-mid-4, .f-mid .f-mid-5
{
    background: url("images/address-border.png") no-repeat scroll left top transparent;
    float: left;
    width: 16%;
    padding: 0 2%;
    height: 134px;
    overflow: hidden;
}
.f-mid .f-mid-1
{
    background: none;
}
.f-mid .f-mid-1
{
    width: 14%;
}
.f-mid .f-mid-3
{
    width: 18%;
}
.f-mid .f-mid-2-1, .f-mid .f-mid-2-2, .f-mid .f-mid-2-3, .f-mid .f-mid-2-4
{
    width: 100%;
    height: 100%;
    background: url("images/newly-opened.png") no-repeat scroll right 54px transparent;
}
.f-mid .f-mid-3-1, .f-mid .f-mid-3-2, .f-mid .f-mid-3-3, .f-mid .f-mid-3-4, .f-mid .f-mid-3-5
{
    width: 100%;
    height: 100%;
    background: url("images/available-soon.png") no-repeat scroll right 54px transparent;
}
.f-mid h4
{
    text-transform: uppercase;
    font: bold 12px/24px Arial;
    padding-top: 14px;
}
.f-mid p
{
    color: #333333;
    font: 12px/17px Arial;
}
.f-mid a
{
    padding-top: 4px;
    display: block;
    font-weight: bold;
    color: #ff0000;
}
.f-mid a:hover
{
    text-decoration: underline;
}
.f-bot
{
    border-top: 1px solid #FFDD00;
    margin-top: 14px;
    padding-top: 17px;
}
.f-bot p
{
    text-align: center;
    font: 12px/19px Arial;
}
/* Support Online 
----------------------------------------------------------*/
.support-online
{
    font: 13px/21px Arial;
}
.support-online span
{
    color: #ff0000;
    font-weight: bold;
}
.support-online table
{
    border-collapse: collapse;
    width: 100%;
    margin: 7px 0;
}
.support-online table, .support-online table tr, .support-online table tr td
{
    border: 1px solid #dfdfdf;
    padding: 7px;
}
/* Box Promotion
----------------------------------------------------------*/
.box-promotion
{
    background: url("images/box_overlay.png") repeat scroll 0 0 transparent;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 99;
}
.box-promotion-active
{
    display: block;
    vertical-align: middle;
    bottom: 0;
    position: fixed;
    right: 0;
}
.box-promotion .box-promotion-item
{
    height: 342px;
    left: 427px;
    position: absolute;
    top: 137px;
    width: 500px;
}
.box-promotion .box-promotion-item .box-banner
{
    position: absolute;
    z-index: 97;
}
.box-promotion .box-promotion-item a.box-promotion-close
{
    background: url("images/delete-large.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    z-index: 98;
    right: -29px;
    cursor: pointer;
    top: -13px;
    width: 72px;
    height: 72px;
}
/* Banner Ads
----------------------------------------------------------*/
.banner-ads
{
    width: 1200px;
    margin: 14px auto 7px;
}
/* Banner Left Corner
----------------------------------------------------------*/
.ads-left-corner
{
    width: 367px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    overflow: hidden;
}
/*background-color: #ffffff;
  border: 1px solid #ff0000;*/
.ads-left-corner-close
{
    box-shadow: -1px 0 1px 1px #FF0000;
    width: 36px;
}
.ads-left-corner a.action
{
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}
.ads-left-corner a.action:hover
{
    width: 36px;
    height: 36px;
}
.ads-left-corner a.close
{
    background: url("images/close-arrow-icon.png") no-repeat scroll center center transparent;
}
.ads-left-corner a.close:hover
{
    background: url("images/close-arrow-icon-large.png") no-repeat scroll center center transparent;
}
.ads-left-corner a.open
{
    top: 0;
    left: 0;
    background: url("images/open-arrow-icon.png") no-repeat scroll center center transparent;
}
.ads-left-corner a.open:hover
{
    background: url("images/open-arrow-icon-large.png") no-repeat scroll center center transparent;
}
/* Box Promotion
----------------------------------------------------------*/
.highstreet
{
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
}
.highstreet-inner
{
    margin: 0 auto;
    width: 1200px;
    position: relative;
}
.highstreet-inner .btn-highstreet
{
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -77px;
    width: 314px;
}
.highstreet-inner .btn-highstreet a
{
    background: url("images/ads-bg.gif") no-repeat scroll top right transparent;
    display: block;
    float: right;
    height: 77px;
    width: 100%;
}
.highstreet-inner .btn-highstreet a span
{
    background: url("images/ads-btn.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 42px;
    margin: 27px 10px 0 0;
    width: 38px;
}
.highstreet-inner .btn-highstreet a:hover, .highstreet-inner .btn-highstreet .open
{
    background-position: right -78px;
}
.highstreet-inner .btn-highstreet .open span
{
    background-position: 0 -42px;
}
.highsteet-gallery
{
    background: url("images/ads-gallery-bg.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: 153px;
    padding: 20px 10px 18px;
    position: relative;
}
.highsteet-gallery-inner
{
    height: 153px;
    overflow: hidden;
    position: relative;
    width: 1180px;
}
.highsteet-gallery-inner ul li
{
    float: left;
    padding: 0 10px 0 0;
    width: 187px;
}
.highsteet-gallery-inner ul li:nth-child(6)
{
    padding: 0;
}
.highsteet-gallery-inner ul li img
{
    height: 153px;
    width: 187px;
}
/* ForBusinesses
----------------------------------------------------------*/
.for-businesses
{
    display: block;
    background: url("images/for-businesses-bg.png") no-repeat scroll center center transparent;
    width: 1200px;
    height: 655px;
}
.for-businesses a
{
    position: relative;
    height: 83px;
    margin: 443px 0 0 376px;
    float: left;
    width: 310px;
}
.for-businesses a span
{
    width: 357px;
    height: 370px;
}
.for-businesses a:hover span
{
    background: url("images/policies-for-businesses-bg.png") no-repeat scroll center center transparent;
    position: absolute;
    top: -150px;
    left: 310px;
}
/* Search Autocomplete
----------------------------------------------------------*/
#search-autocomplete
{
    display: none;
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    border-radius: 5px 5px 5px 5px;
    left: 0;
    position: absolute;
    z-index: 102;
    top: 34px;
    width: 378px;
    padding: 7px 0;
}
#search-autocomplete .autocomplete-item
{
    display: block;
    height: 54px;
    padding: 7px 3% 4px;
    width: 94%;
}
#search-autocomplete .autocomplete-item div.img
{
    float: left;
    display: table-cell;
    height: 54px;
    text-align: center;
    vertical-align: middle;
    width: 67px;
}
#search-autocomplete .autocomplete-item div.img img
{
    max-height: 54px;
    max-width: 67px;
}
#search-autocomplete .autocomplete-item div.content
{
    float: left;
    padding-left: 20px;
    width: 267px;
}
#search-autocomplete .autocomplete-item div.content a
{
    display: block;
    font: 12px/17px Arial;
    max-height: 34px;
    overflow: hidden;
    color: #0072BC;
    text-transform: uppercase;
}
#search-autocomplete .autocomplete-item div.content span
{
    font: 12px/17px Arial;
}
#search-autocomplete .autocomplete-item div.content span.price
{
    font: bold 14px/17px Arial;
    color: #ff0000;
}
/* Social
----------------------------------------------------------*/
div.fix-social
{
    width: 55px;
    padding: 10px 7px;
    position: fixed;
    z-index: 101;
    left: 0;
    top: 180px;
    background-color: #028fe9;
    border-radius:  0 5px 5px 0;
}
div.fix-noithat
{
    position: fixed;
    z-index: 101;
    right: 0;
    top: 180px;
    width:69px;
    height:173px;
}
div.fix-noithat a
{
    background: url("images/fix-dailydeal.png") no-repeat scroll center center transparent;
    width:69px;
    height:173px;
    display:block;
}